<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.11.0.min.js"></script>
 <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<title>Insert title here</title>

<link rel="stylesheet" href="${pageContext.request.contextPath}/file/1.css" type="text/css" />

<jsp:include page="/top.jsp"></jsp:include>

<style type="text/css">
body div{border:0px;
}
.right{height:500px;float: left;
}
.right a{margin-left: 10px;
}
.right div{text-align: left; line-height: 40px;
}
.right .zon1,.zon2{border: 1px solid green; width:220px;height:45%;
text-align: center; line-height: 30px;
border-top-width: 20px;border-radius:5px 5px 0px 0px;
background-color: white;
margin-bottom:10px;
} 

.zon1 div{width:220px;height:17%;
margin-top:5px;
/* background: url(images/right.png) no-repeat;background-size:100% 100%; */
background-color: #defae5;
}
.zon2 div{width:220px;height:17%;
margin-top:5px;
/* background: url(images/right.png) no-repeat;background-size:100% 100%; */
background-color: #defae5;
}


</style>

<script type="text/javascript">
	$(function(){
		if("${login}" == "0"){
			alert("请先登录");
		}
	})
</script>



<script type="text/javascript">
	$(function(){
		if("${loginsuccess}"=="1"){
// 			alert("登录成功");
			<% request.getSession().setAttribute("loginsuccess","0");%>
		}
	})
</script>


<!-- 改变颜色 -->
<script type="text/javascript">
$(function(){
	$('.selected1').css("background","url(images/changeColor.png)");
	$('.selected1').css("color","green");
	
})
</script>


</head>
<body>

<div style = "width:70%; height:600px; margin-left: 15%; margin-right: 15%;">


<!--轮播图-->
<div class="box" id="box"  style = "background-color: white;margin-right:20px;border:10px solid green;">
    <div class="inner">
        <!--轮播图-->
        <ul>
            <li><a href="#"><img src="images/z1.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/z2.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/z3.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/z4.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/z5.jpg" alt=""></a></li>
        </ul>
        <ol class="bar">
            
        </ol>
        <!--左右焦点-->
        <div id="arr">
              <span id="left"> </span>
              <span id="right"></span>
        </div>
 
    </div>
</div>
<!-- 轮播图结束 -->


<!-- 右边的两个框 -->
<div class = "right" style = "float: left;">
<!-- 	上面 -->
	<div class = "zon1">
		<div>&nbsp&nbsp&nbsp&nbsp&nbsp●<a href="#">绿色植物咨询中心</a></div>
		<div>&nbsp&nbsp&nbsp&nbsp&nbsp●<a href="#">多肉植物论坛</a></div>
		<div>&nbsp&nbsp&nbsp&nbsp&nbsp●<a href="#">土壤与对植物影响</a></div>
		<div>&nbsp&nbsp&nbsp&nbsp&nbsp●<a href="${pageContext.request.contextPath }/FlowerShopServlet">全国各大厂商</a></div>
		<div>&nbsp&nbsp&nbsp&nbsp&nbsp●<a href="#">百何的种植技巧</a></div>
	</div>
	
	
<!--    下面 -->
	<div class = "zon2">
		<div>&nbsp&nbsp&nbsp&nbsp&nbsp●<a href="#">人工智能养殖</a></div>
		<div>&nbsp&nbsp&nbsp&nbsp&nbsp●<a href="#">物联网农产品</a></div>
		<div>&nbsp&nbsp&nbsp&nbsp&nbsp●<a href="#">荷花的种植地</a></div>
		<div>&nbsp&nbsp&nbsp&nbsp&nbsp●<a href="#">最美天山雪莲</a></div>
		<div>&nbsp&nbsp&nbsp&nbsp&nbsp●<a href="#">修剪的艺术</a></div>
	</div>
	
</div>





</div>
</body>
<script type = "text/javascript" src = "${pageContext.request.contextPath }/file/k2.js"></script>

</html>